/**
 * White highlighted buttons on hover
**/
.highlighted-button 
{ 
    width: 25px;
    height: 24px;
    float: left;
    cursor: pointer;
    
    margin-top: 10px;
       
}
.white-hover:hover
{
    background-color: #FEFEFE;
    border-color: #F2F2F2;
    color: #222222;
}
.white-button{
       
   border: 1px solid #FFFFFF;
    background: #000000;
  
    width: 10px;
    height: 10px;
    
    margin: auto;
}

.highlighted-button[active="1"] .white-button, .white-button:hover
{
    margin-top: -2px;
    background: #FFFFFF;    
    width: 15px;
    height: 15px;
    
    border: 1px solid #FFFFFF;
}

.dark-button, .orange-button, .blue-button{
    cursor: pointer;
}


/**
 * Buttons dark theme
*/
.dark-button, .dark-button-mail{
    padding: 5px 10px;
    border: 1px solid #000000;

    background: #000000;
    
    color: #FFFFFF;    
    font-family: Open Sans;
    font-size: 12px;    
    
    margin: 5px 5px;
    cursor: pointer;
}

.blue-button, .blue-button-mail{
    padding: 5px 10px;
    padding-bottom: 0px;
    
    border: 1px solid #5CAADE;
    
    border-bottom: 5px solid #2270A4;
    
    background: #5CAADE;
    
    color: #FFFFFF;    
    font-family: Open Sans;
    font-size: 12px;    
    
    margin: 5px 5px;
        
}



.dark-button-mail{ margin: 0px 0px; float: right;}

.orange-button
{
    background: #EDBA6D;
    border-color: #EDBA6D;
}

.dark-label, .blue-label{    
    width: 100px;    
    background: #000000;
    
    color: #FFFFFF;    
    font-family: Open Sans;
    font-size: 12px;    
    
    padding: 5px 10px;
    border: 1px solid #000000;
}
.blue-label{ border-color: #5CAADE; background-color: #5CAADE;}


.dark-button-mail, .blue-button-mail
{
    background: url("/shared/img/mail.png") no-repeat 0px -5px #000000;
    padding-left: 30px;  
    height: 30px;    
}
.blue-button-mail{ background-color: #5CAADE; }

.dark-input, .dark-text
{
    font-family: Verdana;
    font-size: 12px;
    color: #444444;
    padding: 5px 10px;
    
    min-width: 100%;
    border: 1px solid #DEDEDE;
}

.dark-text{
    width: 100%;
    height: 120px;
    margin: 0px 0px;
}

.dark-input
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 0px;
}

/**
 * Orange button theme
*/
.orange-button{
    padding: 5px 10px;
    border: 1px solid #EDBA6D;
    
    background: #EDBA6D;
    
    color: #FFFFFF;    
    font-family: Open Sans;
    font-size: 12px;    
    
    margin: 5px 5px;
}



